<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<base th:href="@{/}">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Toyqo - Kids Store Bootstrap 5 Template</title>

    <!-- Favicons -->
    <link rel="shortcut icon" th:href="@{/assets/images/Shop.ico}">
    <link rel="stylesheet" th:href="@{/assets/css/vendor/vendor.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/plugins/plugins.min.css}">
    <link rel="stylesheet" th:href="@{/assets/css/style.min.css}">

    <style>
        #service .empty {
            padding: 90px 0 110px;
            color: #999;
            text-align: center;
            background-color: #fff;
        }

        #service .empty:before {
            content: "";
            display: inline-block;
            margin-right: 20px;
            overflow: hidden;
            vertical-align: middle;
            width: 70px;
            height: 70px;
            background: url('assets/images/sprite.png') no-repeat -430px -95px;
        }

        #service .order-pending {
            position: relative;
        }

        #service .bubble {
            position: absolute;
            left: 110px;
            top: 0;
            width: 20px;
            height: 20px;
            line-height: 21px;
            background-color: rgb(250, 59, 21);
            border-radius: 50%;
            color: white;
        }

        .container .btn-whited {
            border: 1px solid rgb(245, 245, 245);
            outline: none;
        }

        .container .btn-whited:hover, .container .btn-whited:focus {
            color: rgb(0, 196, 204);
            border: 1px solid rgb(245, 245, 245);
            outline: none;
            box-shadow: none;
        }

        #shadow {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-color: rgba(0, 0, 0, .5);
            z-index: 20;
            display: none;
        }

        #window {
            padding-top: 12px;
            /*padding-bottom: 30px;*/
            border-radius: 2px;
            box-shadow: 0 0 3px grey;
            background-color: #fff;
            position: fixed;
            left: 0;
            top: 120px;
            z-index: 30;
            display: none;
        }
        .container #window div {
            margin-bottom: 30px;
        }
        .container #window input {
            box-shadow: none;
        }
    </style>

</head>

<body>

<!-- Header Section Start -->
<div th:replace="header::headerS"></div>
<!-- Header Section End -->


<!-- Breadcrumb Section Start -->
<div class="section">

    <!-- Breadcrumb Area Start -->
    <div class="breadcrumb-area bg-primary">
        <div class="container">
            <div class="breadcrumb-content">
                <ul>
                    <li>
                        <a th:href="@{/user/blank}"><i class="fa fa-home"></i> </a>
                    </li>
                    <li class="active"> 我的迅购</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Breadcrumb Area End -->

</div>
<!-- Breadcrumb Section End -->

<!-- My Account Section Start -->
<div class="section section-margin">
    <div class="container">

        <div id="shadow"></div>
        <!--编辑资料窗口-->
        <div class="row">
            <div id="window" class="col-6 offset-3">
                <form action="/user/updateInfo" method="post" enctype="multipart/form-data">
                    <div class="row">
                        <h5 class="col-4">编辑个人资料</h5>
                        <div class="col-8 text-end">
                            <button id="close" class="btn-whited" style="border: none"><i class="fa fa-close"></i></button>
                        </div>
                        <div class="col-12" style="display: none">
                            <input name="id" class="form-control" th:value="${userInfo.id}" readonly>
                        </div>
                        <div class="col-3 text-end">
                            <label for="nickname" style="padding-top: 10px">昵&emsp;称：</label>
                        </div>
                        <div class="col-7">
                            <input id="nickname" class="form-control" th:value="${userInfo.nickname}">
                        </div>
                        <div class="col-3 text-end">
                            <label for="gender">性&emsp;别：</label>
                        </div>
                        <div class="col-7" id="gender">
                            <input  name="gender" value="1" type="radio" th:attr="checked=${userInfo.gender==1?true:false}">男&emsp;&emsp;
                            <input  name="gender" value="0" type="radio" th:attr="checked=${userInfo.gender==0?true:false}">女
                        </div>
                        <div class="col-3 text-end">
                            <label for="job" style="padding-top: 10px">职&emsp;业：</label>
                        </div>
                        <div class="col-7">
                            <input id="job" class="form-control" th:value="${userInfo.job}">
                        </div>
                        <div class="col-3 text-end">
                            <label for="phone" style="padding-top: 10px">手机号：</label>
                        </div>
                        <div class="col-7">
                            <input id="phone" class="form-control" th:value="${userInfo.phone}">
                        </div>
                        <div class="col-3 text-end">
                            <label for="birthday" style="padding-top: 10px">生&emsp;日：</label>
                        </div>
                        <div class="col-7">
                            <input id="birthday" type="date" class="form-control" th:value="${#dates.format(userInfo.birthday, 'yyyy-MM-dd')}">
                        </div>
                        <div class="col-3 text-end">
                            <label for="icon" style="padding-top: 10px">头像：</label>
                        </div>
                        <div class="col-4">
                            <input id="icon" type="file" name="avatar">
                        </div>
                        <div class="col-4">
                            <img th:src="${userInfo.icon}" style="width: 60px;height: 60px">
                        </div>
                        <div class="col-2 offset-4">
                            <button id="submit" class="btn-success" style="outline: none; box-shadow: none">提交</button>
                        </div>
                        <div class="col-2">
                            <button id="cancel" type="button" class="btn-whited" style="border: none">取消</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <!--编辑资料窗口-->

        <div class="row">
            <div class="col-lg-12">

                <!-- My Account Page Start -->
                <div class="myaccount-page-wrapper">
                    <div class="row">

                        <!-- My Account Tab Menu Start -->
                        <div class="col-lg-3" style="margin-top: -10px">
                            <!-- Sidebar Widget Start -->
                            <aside class="sidebar_widget mt-10 mt-lg-0">
                                <div class="widget_inner">
                                    <div class="widget-list mb-10">
                                        <h3 class="widget-title mb-6">订单中心</h3>
                                        <!-- Widget Menu Start -->
                                        <nav>
                                            <ul class="category-menu mb-n3">
                                                <li class="menu-item-has-children pb-4"><a th:href="@{/order/allOrder}">全部订单 <i
                                                        class="fa fa-angle-right"></i></a></li>
                                                <li class="menu-item-has-children pb-4"><a href="#">待付款 <i
                                                        class="fa fa-angle-right"></i></a></li>
                                                <li class="menu-item-has-children pb-4"><a href="#">待收货 <i
                                                        class="fa fa-angle-right"></i></a></li>
                                            </ul>
                                        </nav>
                                        <!-- Widget Menu End -->
                                    </div>
                                    <div class="widget-list mb-10">
                                        <h3 class="widget-title mb-6">用户中心</h3>
                                        <ul class="category-menu mb-n3">
                                            <li class="menu-item-has-children pb-4">
                                                <a th:href="@{/user/personal/{id}(id=${userInfo.id})}" style="color: rgb(0, 196, 204)">个人信息
                                                    <i class="fa fa-angle-left"></i></a></li>
                                            <li class="menu-item-has-children pb-4">
                                                <a th:href="@{/user/accountSafe/{id}(id=${userInfo.id})}">账号安全
                                                    <i class="fa fa-angle-right"></i></a></li>
                                            <li class="menu-item-has-children pb-4"><a href="#">我的收藏
                                                <i class="fa fa-angle-right"></i></a></li>
                                            <li class="menu-item-has-children pb-4">
                                                <a th:href="@{/user/addressBook/{id}(id=${userInfo.id})}">地址管理
                                                    <i class="fa fa-angle-right"></i></a></li>
                                            <li class="menu-item-has-children pb-4"><a href="#">优惠券
                                                <i class="fa fa-angle-right"></i></a></li>
                                            <li class="menu-item-has-children pb-4"><a href="#">积分商城
                                                <i class="fa fa-angle-right"></i></a></li>
                                        </ul>
                                    </div>

                                    <!--最新上架-->
                                    <div class="widget-list">
                                        <h3 class="widget-title mb-6">新品推荐</h3>
                                        <div class="sidebar-body product-list-wrapper mb-n6">

                                            <!-- Single Product List Start -->
                                            <div class="single-product-list mb-6">
                                                <!-- Product List Thumb Start -->
                                                <div class="product">
                                                    <div class="thumb">
                                                        <a href="#" class="image">
                                                            <img id="new-goods-pic-1" class="fit-image first-image"
                                                                 src="#" alt="Product Image">
                                                        </a>
                                                    </div>
                                                </div>
                                                <!-- Product List Thumb End -->

                                                <!-- Product List Content Start -->
                                                <div class="product-list-content">
                                                    <h6 class="product-name">
                                                        <a href="#" id="new-goods-name-1">error</a>
                                                    </h6>
                                                    <span class="price">
                                                        <span id="new-goods-price-1" class="new">￥999</span>
                                                    </span>
                                                </div>
                                                <!-- Product List Content End -->
                                            </div>
                                            <!-- Single Product List End -->

                                            <!-- Single Product List Start -->
                                            <div class="single-product-list mb-6">
                                                <!-- Product List Thumb Start -->
                                                <div class="product">
                                                    <div class="thumb">
                                                        <a href="#" class="image">
                                                            <img id="new-goods-pic-2" class="fit-image first-image"
                                                                 src="#" alt="Product Image">
                                                        </a>
                                                    </div>
                                                </div>
                                                <!-- Product List Thumb End -->

                                                <!-- Product List Content Start -->
                                                <div class="product-list-content">
                                                    <h6 class="product-name">
                                                        <a href="#" id="new-goods-name-2">error</a>
                                                    </h6>
                                                    <span class="price">
                                                        <span id="new-goods-price-2" class="new">￥999</span>
                                                    </span>
                                                </div>
                                                <!-- Product List Content End -->
                                            </div>
                                            <!-- Single Product List End -->

                                            <!-- Single Product List Start -->
                                            <div class="single-product-list mb-6">
                                                <!-- Product List Thumb Start -->
                                                <div class="product">
                                                    <div class="thumb">
                                                        <a href="#" class="image">
                                                            <img id="new-goods-pic-3" class="fit-image first-image"
                                                                 src="#" alt="Product Image">
                                                        </a>
                                                    </div>
                                                </div>
                                                <!-- Product List Thumb End -->

                                                <!-- Product List Content Start -->
                                                <div class="product-list-content">
                                                    <h6 class="product-name">
                                                        <a href="#" id="new-goods-name-3">error</a>
                                                    </h6>
                                                    <span class="price">
                                                        <span id="new-goods-price-3" class="new">￥999</span>
                                                    </span>
                                                </div>
                                                <!-- Product List Content End -->
                                            </div>
                                            <!-- Single Product List End -->

                                        </div>
                                    </div>
                                    <!--最新上架-->
                                </div>
                            </aside>
                            <!-- Sidebar Widget End -->
                        </div>
                        <!-- My Account Tab Menu End -->

                        <!-- My Account Tab Content Start -->
                        <div class="col-lg-9">
                            <div class="tab-content" id="myaccountContent">
                                <!-- 个人资料 Start -->
                                <div class="tab-pane fade show active" id="dashboad" role="tabpanel">
                                    <div class="myaccount-content row" style="background-color:rgb(245,245,245);">
                                        <div class="title col-2">
                                            <button id="avatar" class="btn-whited" style="background-color:rgb(245,245,245);">
                                                <img th:src="${userInfo.icon}" style="width: 80px;border-radius: 50%">
                                            </button>
                                        </div>
                                        <div class="col-2" style="padding-top: 30px;color: black">
                                            <span th:text="${userInfo.username}" style="font-size: 20px;"></span>
                                        </div>
                                        <div class="col-2" style="padding-top: 30px">
                                            <b style="font-size: 16px;">等级：</b>
                                            <br>
                                            <small style="font-size: 12px;" th:text="${userInfo.level}"></small>
                                        </div>
                                        <div class="col-2" style="padding-top: 30px">
                                            <b style="font-size: 16px;">成长值：</b>
                                            <br>
                                            <small style="font-size: 12px;color: rgb(223, 48, 40)" th:text="${userInfo.growth}"></small>
                                        </div>
                                        <div class="col-2" style="padding-top: 30px">
                                            <b style="font-size: 16px;">积分：</b>
                                            <br>
                                            <small style="font-size: 12px;color: rgb(223, 48, 40)" th:text="${userInfo.integration}"></small>
                                        </div>
                                        <div class="col-2" style="padding-top: 30px">
                                            <b style="font-size: 16px;">优惠券：</b>
                                            <br>
                                            <small style="font-size: 12px;color: rgb(223, 48, 40)">10</small>
                                        </div>
                                        <hr style="color: #1d1d1d">
                                        <div class="welcome row" style="padding: 0">
                                            <div class="col-3 offset-9 text-end" style="padding: 0">
                                                <button id="edit" class="btn-whited" style="background-color:rgb(245,245,245);"> 编辑资料
                                                    <i class="fa fa-angle-right"></i>
                                                </button>
                                            </div>
                                            <p class="mb-0">
                                                <div class="col-2">
                                                    <span>昵&emsp;称：</span>
                                                    <br>
                                                    <span th:text="${userInfo.nickname}"></span>
                                                </div>
                                                <div class="col-2">
                                                    <span>性&emsp;别：</span>
                                                    <br>
                                                    <span th:text="${userInfo.gender==1?'男':'女'}"></span>
                                                </div>
                                                <div class="col-2">
                                                    <span>职&emsp;业：</span>
                                                    <br>
                                                    <span th:text="${userInfo.job}"></span>
                                                </div>
                                                <div class="col-3">
                                                    <span>手机号：</span>
                                                    <br>
                                                    <span th:text="${userInfo.phone}"></span>
                                                </div>
                                                <div class="col-3">
                                                    <span>生&emsp;日：</span>
                                                    <br>
                                                    <span th:text="${#dates.format(userInfo.birthday, 'yyyy-MM-dd')}"></span>
                                                </div>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <!-- 个人资料 End -->

                                <!--售后服务 Start-->
                                <div class="tab-pane fade show active" id="service" role="tabpanel">
                                    <div class="myaccount-content row">
                                        <h3 class="title">我的订单</h3>
                                        <ul class="sidebar-list row">
                                            <li class="col-3 text-center order-pending">
                                                <a href="#" class="mb-0">
                                                    <span>待付款</span>
                                                    <span class="bubble">2</span>
                                                    <p><i class="fa fa-2x fa-money"></i></p>
                                                </a>
                                            </li>
                                            <li class="col-3 text-center order-pending">
                                                <a href="#" class="mb-0">
                                                    <span>待收货</span>
                                                    <span class="bubble">2</span>
                                                    <p><i class="fa fa-2x fa-gift"></i></p>
                                                </a>
                                            </li>
                                            <li class="col-3 text-center">
                                                <a href="#" class="mb-0">
                                                    <span>售后/退换</span>
                                                    <p><i class="fa fa-2x fa-shield"></i></p>
                                                </a>
                                            </li>
                                            <li class="col-3 text-center">
                                                <a href="#" class="mb-0">
                                                    <span>全部订单</span>
                                                    <p><i class="fa fa-2x fa-angle-right"></i></p>
                                                </a>
                                            </li>
                                        </ul>

                                        <div class="empty">
                                            您买的东西太少了，这里都空空的，快去挑选合适的商品吧！
                                        </div>
                                    </div>
                                </div>
                                <!--售后服务 End-->

                            </div>
                            <!--猜你喜欢 Start-->
                            <div class="tab-pane fade show active" id="maybe-like" role="tabpanel" style="margin-top: 50px">
                                <div class="myaccount-content">
                                    <h3 class="title">猜你喜欢</h3>
                                    <ul class="row">
                                        <div class="col-lg-4 col-md-4 col-sm-6 product">
                                            <div class="product-inner">
                                                <div class="thumb">
                                                    <a href="#" class="image">
                                                        <img class="first-image"
                                                             src="assets/images/products/medium-product/2.jpg"
                                                             alt="Product"/>
                                                        <img class="second-image fit-image"
                                                             src="assets/images/products/medium-product/3.jpg"
                                                             alt="Product"/>
                                                    </a>
                                                    <span class="badges">
                                                        <span class="sale">-18%</span>
                                                    </span>
                                                    <div class="actions">
                                                        <a href="#" class="action wishlist"><i
                                                                class="pe-7s-like"></i></a>
                                                        <a href="#" class="action compare"><i
                                                                class="pe-7s-refresh-2"></i></a>
                                                        <a href="#" class="action quickview" data-bs-toggle="modal"
                                                           data-bs-target="#quick-view"><i class="pe-7s-search"></i></a>
                                                    </div>
                                                    <div class="add-cart-btn">
                                                        <button class="btn btn-whited btn-hover-primary text-capitalize add-to-cart">
                                                            Add To Cart
                                                        </button>
                                                    </div>
                                                </div>
                                                <div class="content">
                                                    <h5 class="title"><a href="#">Unique content
                                                        product</a></h5>
                                                    <span class="price">
                                                        <span class="new">$12.50</span>
                                                        <span class="old">$14.50</span>
                                                     </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-6 product">
                                            <div class="product-inner">
                                                <div class="thumb">
                                                    <a href="#" class="image">
                                                        <img class="first-image"
                                                             src="assets/images/products/medium-product/2.jpg"
                                                             alt="Product"/>
                                                        <img class="second-image fit-image"
                                                             src="assets/images/products/medium-product/3.jpg"
                                                             alt="Product"/>
                                                    </a>
                                                    <span class="badges">
                                                        <span class="sale">-18%</span>
                                                    </span>
                                                    <div class="actions">
                                                        <a href="#" class="action wishlist"><i
                                                                class="pe-7s-like"></i></a>
                                                        <a href="#" class="action compare"><i
                                                                class="pe-7s-refresh-2"></i></a>
                                                        <a href="#" class="action quickview" data-bs-toggle="modal"
                                                           data-bs-target="#quick-view"><i class="pe-7s-search"></i></a>
                                                    </div>
                                                    <div class="add-cart-btn">
                                                        <button class="btn btn-whited btn-hover-primary text-capitalize add-to-cart">
                                                            Add To Cart
                                                        </button>
                                                    </div>
                                                </div>
                                                <div class="content">
                                                    <h5 class="title"><a href="#">Unique content
                                                        product</a></h5>
                                                    <span class="price">
                                                        <span class="new">$12.50</span>
                                                        <span class="old">$14.50</span>
                                                     </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-6 product">
                                            <div class="product-inner">
                                                <div class="thumb">
                                                    <a href="#" class="image">
                                                        <img class="first-image"
                                                             src="assets/images/products/medium-product/2.jpg"
                                                             alt="Product"/>
                                                        <img class="second-image fit-image"
                                                             src="assets/images/products/medium-product/3.jpg"
                                                             alt="Product"/>
                                                    </a>
                                                    <span class="badges">
                                                        <span class="sale">-18%</span>
                                                    </span>
                                                    <div class="actions">
                                                        <a href="#" class="action wishlist"><i
                                                                class="pe-7s-like"></i></a>
                                                        <a href="#" class="action compare"><i
                                                                class="pe-7s-refresh-2"></i></a>
                                                        <a href="#" class="action quickview" data-bs-toggle="modal"
                                                           data-bs-target="#quick-view"><i class="pe-7s-search"></i></a>
                                                    </div>
                                                    <div class="add-cart-btn">
                                                        <button class="btn btn-whited btn-hover-primary text-capitalize add-to-cart">
                                                            Add To Cart
                                                        </button>
                                                    </div>
                                                </div>
                                                <div class="content">
                                                    <h5 class="title"><a href="#">Unique content
                                                        product</a></h5>
                                                    <span class="price">
                                                        <span class="new">$12.50</span>
                                                        <span class="old">$14.50</span>
                                                     </span>
                                                </div>
                                            </div>
                                        </div>
                                    </ul>
                                </div>
                            </div>
                            <!--猜你喜欢 End-->
                        </div>
                        <!-- My Account Tab Content End -->
                    </div>
                </div>
                <!-- My Account Page End -->

            </div>
        </div>

    </div>
</div>
<!-- My Account Section End -->

<!-- Footer Section Start -->
<div th:replace="footer::footerS"></div>
<!-- Footer Section End -->


<!-- Mobile Menu Start -->
<div class="mobile-menu-wrapper">
    <div class="offcanvas-overlay"></div>

    <!-- Mobile Menu Inner Start -->
    <div class="mobile-menu-inner">

        <!-- Button Close Start -->
        <div class="offcanvas-btn-close">
            <i class="pe-7s-close"></i>
        </div>
        <!-- Button Close End -->

        <!-- Mobile Menu Inner Wrapper Start -->
        <div class="mobile-menu-inner-wrapper">
            <!-- Mobile Menu Search Box Start -->
            <div class="search-box-offcanvas">
                <form>
                    <input class="search-input-offcanvas" type="text" placeholder="Search product...">
                    <button class="search-btn"><i class="pe-7s-search"></i></button>
                </form>
            </div>
            <!-- Mobile Menu Search Box End -->

            <!-- Mobile Menu Start -->
            <div class="mobile-navigation">
                <nav>
                    <ul class="mobile-menu">
                        <li class="has-children">
                            <a href="#">Home <i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown">
                                <li><a href="#">Home One</a></li>
                                <li><a href="#">Home Two</a></li>
                                <li><a href="#">Home Three</a></li>
                            </ul>
                        </li>
                        <li class="has-children">
                            <a href="#">Shop <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                            <ul class="dropdown">
                                <li><a href="#">Shop Grid</a></li>
                                <li><a href="#">Shop Left Sidebar</a></li>
                                <li><a href="#">Shop Right Sidebar</a></li>
                                <li><a href="#">Shop List Fullwidth</a></li>
                                <li><a href="#">Shop List Left Sidebar</a></li>
                                <li><a href="#">Shop List Right Sidebar</a></li>
                                <li><a href="#">Wishlist</a></li>
                                <li><a href="#">Shopping Cart</a></li>
                                <li><a href="#">Checkout</a></li>
                                <li><a href="#">Compare</a></li>
                            </ul>
                        </li>
                        <li class="has-children">
                            <a href="#">Product <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                            <ul class="dropdown">
                                <li><a href="#">Single Product</a></li>
                                <li><a href="#">Single Product Sale</a></li>
                                <li><a href="#">Single Product Group</a></li>
                                <li><a href="#">Single Product Normal</a></li>
                                <li><a href="#">Single Product Affiliate</a></li>
                                <li><a href="#">Single Product Slider</a></li>
                                <li><a href="#">Gallery Left</a></li>
                                <li><a href="#">Gallery Right</a></li>
                                <li><a href="#">Tab Style Left</a></li>
                                <li><a href="#">Tab Style Right</a></li>
                                <li><a href="#">Sticky Left</a></li>
                                <li><a href="#">Sticky Right</a></li>
                            </ul>
                        </li>
                        <li class="has-children">
                            <a href="#">Pages <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                            <ul class="dropdown">
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">Contact</a></li>
                                <li><a href="#">Faq</a></li>
                                <li><a href="#">Error 404</a></li>
                                <li><a href="#">My Account</a></li>
                                <li><a href="#">Loging | Register</a></li>
                            </ul>
                        </li>
                        <li class="has-children">
                            <a href="#">Blog <i class="fa fa-angle-down" aria-hidden="true"></i></a>
                            <ul class="dropdown">
                                <li><a href="#">Blog</a></li>
                                <li><a href="#">Blog Left Sidebar</a></li>
                                <li><a href="#">Blog Right Sidebar</a></li>
                                <li><a href="#">Blog Details</a></li>
                                <li><a href="#">Blog Details Sidebar</a></li>
                            </ul>
                        </li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </nav>
            </div>
            <!-- Mobile Menu End -->

            <!-- Language, Currency & Link Start -->
            <div class="offcanvas-lag-curr mb-6">
                <div class="header-top-lan-curr-link">
                    <div class="header-top-lan dropdown">
                        <h4 class="title">Language:</h4>
                        <button class="dropdown-toggle" data-bs-toggle="dropdown">English <i
                                class="fa fa-angle-down"></i></button>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a class="dropdown-item" href="#">English</a></li>
                            <li><a class="dropdown-item" href="#">Japanese</a></li>
                            <li><a class="dropdown-item" href="#">Arabic</a></li>
                            <li><a class="dropdown-item" href="#">Romanian</a></li>
                        </ul>
                    </div>
                    <div class="header-top-curr dropdown">
                        <h4 class="title">Currency:</h4>
                        <button class="dropdown-toggle" data-bs-toggle="dropdown">USD <i class="fa fa-angle-down"></i>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a class="dropdown-item" href="#">USD</a></li>
                            <li><a class="dropdown-item" href="#">Pound</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- Language, Currency & Link End -->

            <!-- Contact Links/Social Links Start -->
            <div class="mt-auto bottom-0">

                <!-- Contact Links Start -->
                <ul class="contact-links">
                    <li><i class="fa fa-phone"></i><a href="#"> +012 3456 789</a></li>
                    <li><i class="fa fa-envelope-o"></i><a href="#"> info@example.com</a></li>
                    <li><i class="fa fa-clock-o"></i> <span>Monday - Sunday 9.00 - 18.00</span></li>
                </ul>
                <!-- Contact Links End -->

                <!-- Social Widget Start -->
                <div class="widget-social">
                    <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a>
                    <a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
                    <a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                    <a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
                    <a title="Vimeo" href="#"><i class="fa fa-vimeo"></i></a>
                </div>
                <!-- Social Widget Ende -->
            </div>
            <!-- Contact Links/Social Links End -->
        </div>
        <!-- Mobile Menu Inner Wrapper End -->

    </div>
    <!-- Mobile Menu Inner End -->
</div>
<!-- Mobile Menu End -->


<script th:src="@{/assets/js/vendor.min.js}"></script>
<script th:src="@{/assets/js/plugins.min.js}"></script>

<!--Main JS-->
<script th:src="@{/assets/js/main.js}"></script>
<script>
    // 获取新品推荐
    $(function () {
        $.ajax({
            type: 'get',
            url: '/user/latest',
            success: function (response) {
                for (let i=1; i<=3; i++) {
                    $("#new-goods-pic-"+i).attr("src", response[i-1].pic);
                    $("#new-goods-name-"+i).text(response[i-1].name);
                    $("#new-goods-price-"+i).text("￥" + response[i-1].price);
                }
            }
        })
    })



    $("#avatar, #edit").click(function () {
        $("#shadow").fadeIn(300);
        $("#window").fadeIn(300);
    })

    $("#close, #cancel").click(function () {
        $("#window").fadeOut(300);
        $("#shadow").fadeOut(300);
    });


</script>
</body>

</html>